<template>
  <div class="group-list">
    <el-card class="box-card">
      <template #header>
        <div class="card-header">
          <span>群组列表。。。。。</span>
        </div>
      </template>
      <span>群组名称</span>
      <el-input v-model="input" placeholder="群组名称 " />

      <el-button @click="search" type="primary" plain>搜索</el-button>
    </el-card>
  </div>
</template>



<script setup>
import { reactive, ref } from "vue";

//搜索
const input = ref("");

const dialogFormVisible = ref(false);
const formLabelWidth = "140px";

const from = reactive({
  delivery: false,
  keyword: "",
});

const emit = defineEmits(["aa"]);
const search = () => {
  from.keyword = input.value;
  emit("aa", from);
};

// defineExpose({
//   from,
// });
</script>


<style>
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.box-card {
  width: 99%;
}
/* 新增 */
.dialog-footer button:first-child {
  margin-right: 10px;
}
/* 新增弹窗 */
.el-button--text {
  margin-right: 15px;
}
.el-select {
  width: 300px;
}
.el-input {
  width: 300px;
}
.dialog-footer button:first-child {
  margin-right: 10px;
}
</style>
